<script setup lang="ts">
  const test = () => console.log('点击了禁用的按钮')
</script>
<template>
  <ez-row class="mb-4">
    <ez-button @click="test">Default</ez-button>
    <ez-button type="primary" disabled @click="test">Primary</ez-button>
    <ez-button type="success" disabled @click="test">Success</ez-button>
    <ez-button type="info" disabled @click="test">Info</ez-button>
    <ez-button type="warning" disabled @click="test">Warning</ez-button>
    <ez-button type="danger" disabled @click="test">Danger</ez-button>
  </ez-row>
  <ez-row>
    <ez-button plain disabled @click="test">Plain</ez-button>
    <ez-button type="primary" plain disabled @click="test">Primary</ez-button>
    <ez-button type="success" plain disabled @click="test">Success</ez-button>
    <ez-button type="info" plain disabled @click="test">Info</ez-button>
    <ez-button type="warning" plain disabled @click="test">Warning</ez-button>
    <ez-button type="danger" plain disabled @click="test">Danger</ez-button>
  </ez-row>
</template>
